<template>
  <div v-html="getSvg[name]" /> <!-- eslint-disable-line vue/no-v-html -->
</template>

<script>
/* eslint-disable */
export default {
  props: ['name', 'size'],
  computed: {
    getSvg() {
      return {
        CheckmarkSize600: `
          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
            <g id="CheckmarkSize600">
              <rect id="Frame" width="18" height="18" fill="red" opacity="0" />
              <path d="M17.32227,1.27588a1.22516,1.22516,0,0,0-1.72266.20654L6.26886,13.3576,2.36523,8.67383A1.2266,1.2266,0,1,0,.48047,10.24414l4.874,5.84815c.02582.031.0636.04248.09174.07025a1.15475,1.15475,0,0,0,.09283.10894,1.17,1.17,0,0,0,.17047.09266,1.19025,1.19025,0,0,0,.12745.06927,1.21862,1.21862,0,0,0,.45892.10028l.001-.00012.00048.00012L6.3,16.53326a1.23046,1.23046,0,0,0,.36059-.062c.02826-.00879.05524-.0177.08295-.02856a1.21064,1.21064,0,0,0,.33-.18836l.00848-.00482c.00659-.00549.009-.01367.01544-.01929a1.21869,1.21869,0,0,0,.16425-.16528L17.5293,2.99805A1.22738,1.22738,0,0,0,17.32227,1.27588Z"/>
            </g>
          </svg>
        `,
      };
    },
  },
};
</script>

<style lang="scss">
</style>
